<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" media="screen and (min-width:968px)" href="staff.css">
  <link rel="stylesheet" media="screen and (max-width:968px)" href="staff1.css">
  <script src="../js/jquery-1.12.4.js"></script>
</head>
<div id="box">
  <!-- 导航栏开始 -->
  <div class="head">
    <div class="head-box">
      <div class="head-left">
        <img src="../img/2-min.png">
      </div>
      <div class="head-right">
        <div class="none"><img src="../img/更多.png" alt=""></div>
        <div class="uls">
          <ul>
            <li><a href="../index/index.html">首页</a></li>
            <li><a href="../profile/profile.html">部门概括</a></li>
            <li><a href="../staff/staff.html#one">师资队伍</a></li>
            <li><a href="#">思政建设</a></li>
            <li><a href="#">红馆</a></li>
            <li><a href="#">心理健康教育中心</a></li>
            <li><a href="#">教学科研</a></li>
            <li><a href="#">学生社团</a></li>
          </ul>
        </div>
        <div class="input">
          <img src="../img/素材_06.jpg" alt="">
          <!-- <input type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入关键字搜索"> -->
        </div>
      </div>
    </div>
  </div>
  <!-- 导航栏结束 -->
  <!-- banner图开始 -->
  <div class="banner">
    <img src="../img/15.jpg" alt="">
  </div>
  <!-- banner图结束 -->
  <!-- 内容开始 -->
  <div class="content">
    <div class="content-box">
      <div class="content-left">
        <ul>
          <li class="top1">学院概况<span class="span">College ProFile</span></li>
          <li><a href="../profile/profile.html">部门概况</a></li>
          <li><a href="../staff/staff.html#one">师资队伍<span class="span1">&gt;</span></a></li>
          <li><a href="">思政建设</a></li>
          <li><a href="">红馆</a></li>
          <li><a href="">心理健康教育中心</a></li>
          <li><a href="">教学科研</a></li>
          <li><a href="">学生社团</a></li>
        </ul>
      </div>
      <div class="content-right">
        <div class="top">
          <div class="top-left">
            师资队伍
          </div>
          <div class="top-right">
            <div><img src="../img/16.png" alt=""></div>
            <div>
              当前所在位置：首页 > 师资队伍
            </div>
          </div>
        </div>
        <div class="font">
          <div class="img">
            <a href="#one"><img src="../img/18.png" alt=""></a>
            <a href="#two"><img src="../img/19.png" alt=""></a>
            <a href="#three"><img src="../img/17.png" alt=""></a>
          </div>
          <div class="font-content">
            <div id="one">
              <!-- 图一 -->
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
              <div id="bottom1">
                <li>山东城院召开公文写作培训会</li>
                <div class="bottom2">
                  <img src="../img/11-min.png" alt="" />
                  <p>2022-11-24</p>
                </div>
              </div>
            </div>
            <div id="two">
              <div class="two-top">
                <div class="two1">
                  <img src="../img/3-min.png" alt="" />
                  <p>
                    传承八一精神 凝聚奋进力量|马克思主义学院第-
                    第二党支部开展主题
                  </p>
                  <div class="once"></div>
                  <div class="second">
                    <div class="p"><img src="../img/11-min.png." alt="" />2021-04-17</div>
                  </div>
                </div>
                <div class="two1">
                  <img src="../img/3-min.png" alt="" />
                  <p>
                    传承八一精神 凝聚奋进力量|马克思主义学院第-
                    第二党支部开展主题
                  </p>
                  <div class="once"></div>
                  <div class="second">
                    <div class="p"><img src="../img/11-min.png." alt="" />2021-04-17</div>
                  </div>
                </div>
                <div class="two1">
                  <img src="../img/3-min.png" alt="" />
                  <p>
                    传承八一精神 凝聚奋进力量|马克思主义学院第-
                    第二党支部开展主题
                  </p>
                  <div class="once"></div>
                  <div class="second">
                    <div class="p"><img src="../img/11-min.png." alt="" />2021-04-17</div>
                  </div>
                </div>
                <div class="two1">
                  <img src="../img/3-min.png" alt="" />
                  <p>
                    传承八一精神 凝聚奋进力量|马克思主义学院第-
                    第二党支部开展主题
                  </p>
                  <div class="once"></div>
                  <div class="second">
                    <div class="p"><img src="../img/11-min.png." alt="" />2021-04-17</div>
                  </div>
                </div>
              </div>
            </div>
            <div id="three">
              <div class="three1">
                <div class="three-left">
                  <img src="../img/3-min.png" alt="">
                </div>
                <div class="three-right">
                  <div class="three-top">
                    传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题
                  </div>
                  <div class="three-top three-none">
                    新生开展“红色观影”
                  </div>
                  <div class="three-bottom">
                    <img src="../img/11-min.png" alt="">
                    <p>2021-05-21</p>
                  </div>
                </div>
              </div>
              <div class="three1">
                <div class="three-left">
                  <img src="../img/3-min.png" alt="">
                </div>
                <div class="three-right">
                  <div class="three-top">
                    传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题
                  </div>
                  <div class="three-top three-none">
                    新生开展“红色观影”
                  </div>
                  <div class="three-bottom">
                    <img src="../img/11-min.png" alt="">
                    <p>2021-05-21</p>
                  </div>
                </div>
              </div>
              <div class="three1">
                <div class="three-left">
                  <img src="../img/3-min.png" alt="">
                </div>
                <div class="three-right">
                  <div class="three-top">
                    传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题
                  </div>
                  <div class="three-top three-none">
                    新生开展“红色观影”
                  </div>
                  <div class="three-bottom">
                    <img src="../img/11-min.png" alt="">
                    <p>2021-05-21</p>
                  </div>
                </div>
              </div>
              <div class="three1">
                <div class="three-left">
                  <img src="../img/3-min.png" alt="">
                </div>
                <div class="three-right">
                  <div class="three-top">
                    传承八一精神 凝聚奋进力量|马克思主义学院第一第二党支部开展主题
                  </div>
                  <div class="three-top three-none">
                    新生开展“红色观影”
                  </div>
                  <div class="three-bottom">
                    <img src="../img/11-min.png" alt="">
                    <p>2021-05-21</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="gengduo">
              查看更多&gt;
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 内容结束 -->
  <!-- 尾部开始 -->
  <div class="foot">
    <div class="foot-content">
      <div class="foot-left">
        <img src="../img/2-min.png" alt="">
      </div>
      <div class="foot-center">
        <div class="center-left">地址：山东省烟台市高新区海天路1001号</div>
        <div class="center-right">办公室电话：0535-293876</div>
      </div>
      <div class="foot-right">
        <img src="../img/14.png" alt="">
      </div>
    </div>
    <div class="foot-bottom">
      Copyright©山东省城市服装技师学院版权所有
    </div>
  </div>
  <!-- 尾部结束 -->
</div>
</div>

</body>
<script>
  $('.none').click(function () {
    var bElement = $('.uls');
    if (bElement.is(':visible')) {
      bElement.hide();
    } else {
      bElement.show();
    }
  });
</script>

</html>